<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>BigDataHarbour</title>
<%@ include file="/WEB-INF/views/backups/include1.inc.jsp"%>
<script type="text/javascript">
$(function(){
	$(".nav li").click(function(e) {
		$(".nav li").removeClass("active");
		$(this).addClass("active");
	});
});
</script>
</head>

<body data-spy="scroll" data-offset="0" data-target="#navbar-main">

<div id="navbar-main"> 
  <div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="#home"><i class="fa fa-location-arrow"></i> Big Data Harbour</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="${contextPath }/index" class="smoothScroll">首页</a></li>
        <c:forEach var="level1" items="${menuModule.children }">
		  <c:if test="${level1.children == null || fn:length(level1.children) == 0 }">
            <li><a href="#">${level1.name }</a></li>
    	  </c:if>
    	  <c:if test="${level1.children != null && fn:length(level1.children) > 0 }">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">${level1.name } <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <c:forEach var="level2" items="${level1.children }">
                  <li><a href="#">${level2.name }</a></li>
                </c:forEach>
              </ul>
            </li>
          </c:if>
        </c:forEach>
        <li><a href="#services" class="smoothScroll">服务</a></li>
        <li><a href="#footerwrap" class="smoothScroll">联系我们</a></li>
      </ul>
    </div>
    <!--/.nav-collapse --> 
  </div>
  </div>
</div>

<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" name="home">
  <header class="clearfix">
    <h1>设计, 开发, 市场.</h1>
    <p>我们设计，我们开发，我们有数据市场,<br>前沿、优秀、智慧、大量...</p>
    <a href="${contextPath }/login" class="smoothScroll btn btn-lg">登录</a>
    <a href="${contextPath }/index/registered" class="smoothScroll btn btn-lg">注册</a>
  </header>
</div>
<!-- /headerwrap -->

<!-- ==== ABOUT ==== -->
<div id="about" name="about">
  <div class="container">
    <div class="row white">
      <div class="col-md-6">
        <img class="img-responsive" src="${contextPath }/styles/assets/img/about/about1.jpg" align="">
      </div>
      <div class="col-md-6">
        <%-- <c:forEach var="article" items="${articleList }" varStatus="status">
          <h3><a href="${contextPath }/article/view/${article.id}" target="_blank">${article.title }</a></h3>
        </c:forEach> --%>
        <h3>数据科学家让数据科学像魔术般绚烂</h3>
        <p>Intetix Foundation（英明泰思基金会）由从事数据科学、非营利组织和公共政策研究的中国学者发起成立，致力于通过数据科学改善人类社会和自然环境。通过联络、动员中美最顶尖的数据科学家和社会科学家，以及分布在全球的志愿者，我们创造性地践行着我们的使命：为美好生活洞见数据价值.</p>
        <h3>数据分析/机器学习模型无法部署的八大原因</h3>
        <p>举一个典型的模型部署失败的实例：Netflix大奖竞赛。简单来说，这是一个面向大众开放的竞赛，参与者需要写一个协同过滤算法来预测电影的用户评级。胜出者获得了1000万美元的大奖。然而最后，这个完整的模型却没有得到部署。</p>
      </div>
    </div>
    <!-- row --> 
  </div>
</div>
<!-- container --> 

<!-- ==== SERVICES ==== -->
<div id="services" name="services">
  <div class="container">
    <div class="row">
      <h2 class="centered">我们的服务</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2">
        <p class="large">我们是什么？我们是干什么的？我们是大数据，我们提供数据服务，我们解决客户序曲，我们为客户做专门定制.</p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-desktop fa-3x"></i>
        <h3>免费的API接口</h3>
        <p>我们是什么？我们是干什么的？我们是大数据，我们提供数据服务，我们解决客户序曲，我们为客户做专门定制.</p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-gears fa-3x"></i>
        <h3>网站开发数据</h3>
        <p>我们是什么？我们是干什么的？我们是大数据，我们提供数据服务，我们解决客户序曲，我们为客户做专门定制.</p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-dot-circle-o fa-3x"></i>
        <h3>API市场</h3>
        <p>我们是什么？我们是干什么的？我们是大数据，我们提供数据服务，我们解决客户序曲，我们为客户做专门定制.</p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-shopping-cart  fa-3x"></i>
        <h3>共享资源</h3>
        <p>我们是什么？我们是干什么的？我们是大数据，我们提供数据服务，我们解决客户序曲，我们为客户做专门定制.</p>
      </div> 
    </div>
    <!-- row --> 
  </div>
</div>
<!-- container --> 

<div id="footerwrap">
<div class="container">
  <div class="row">
    <div class="col-md-8"> <span class="copyright">Copyright &copy; 2016 Big Data Capital. 武汉青和科技有限公司 - 联系电话：87888888</span> </div>
    <div class="col-md-4">
      <ul class="list-inline social-buttons">
        <li><a href="#"><i class="fa fa-twitter"></i></a> </li>
        <li><a href="#"><i class="fa fa-facebook"></i></a> </li>
        <li><a href="#"><i class="fa fa-google-plus"></i></a> </li>
        <li><a href="#"><i class="fa fa-linkedin"></i></a> </li>
      </ul>
    </div>
  </div>
</div>
</div>

</body>
</html>
